<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拓展训练_超链接</title>
    <style type="text/css">
        div{
            width: 50%;
            height: 50%;
            background-color: rgb(219, 101, 227);
        }
        a{
            color: rgb(21, 189, 198);
            text-decoration: none;
        }
        #title{
            font-size: 30px;
            font-weight: 700;
            color: #d9ef16;
            text-align: left;
        }
        table{
            width: 100%;
            height: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }
        td{
            text-align: center;
            height: 20px;
            width: 10px;
            border: 1px  #000;
        }
    </style>
</head>
<body>
    <div>
        <table>
            <tr>
                <td id="title" colspan="4">珠宝首饰</td>
            </tr>
            <tr>
                <td>首饰套装</td>
                <td>流行饰品</td>
                <td>仿真饰品</td>
                <td>钻饰</td>
            </tr>
            <tr>
                <td>天然水晶</td>
                <td><a href="https://uland.taobao.com/sem/tbsearch?clk1=1d573109ebec022aac867783792ebad1&keyword=%E6%89%8B%E8%A1%A8.&msclkid=0d55c582e60a1757a70aad37bd1640ac&q=%E6%89%8B%E8%A1%A8.&refpid=mm_2898300158_3078300397_115665800437&upsId=1d573109ebec022aac867783792ebad1" target="_blank">翡翠手表</a></td>
                <td>仿真饰品</td>
                <td>戒指</td>
            </tr>
        </table>
    </div>
</body>
</html>